<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>
			inputEx-dependency-configurator
		</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<link rel="stylesheet" type="text/css" href="../../examples/css/dpSyntaxHighlighter.css">
<style type="text/css">
h1 {font-size:175%;}
h2 {font-size:122%;border-width:0;}
h2.byline {font-size:100%;text-align:left;margin-top:2em; margin-bottom: 2em;font-weight:normal;}
h3 {font-size:100%;}
h1,h2,h3,p,ul {margin-bottom:1em;}
h1 {margin-top:0; padding-top:0;}
h2 {margin-top:0; padding-top:.5em;}
ul {margin-left:1.5em;margin-bottom:1.5em;}
blockquote {margin:1em 2em 1em 2em;font-style:italic;}
li h3 {margin-bottom:0;}
abbr {cursor:help;}
.gloss {color:#E76300;font-weight:bold;}

body {
	font-size: 10pt;
}

#buttonContainer button {
		/*
		display: block;
		outline: none;
		font-style: normal;
		*/
		text-align: center;
		white-space: nowrap;
		font-size: 75%;
}

#filterContainer {
		border: 2px groove #ccc;
		margin: .3em;
		padding: .3em;
		width: 14em;
		display:-moz-inline-box;
		display: inline-block;
}

#filter button {
		font-size: 75%;
}

#cdnContainer {
		border: 2px groove #ccc;
		margin: .3em;
		padding: .3em;
		width: 12em;
		display:-moz-inline-box;
		display: inline-block;
}

#optionsContainer {
		border: 2px groove #ccc;
		margin: .3em;
		padding: .3em;
		width: 37em;
		display:-moz-inline-box;
		display: inline-block;
}

#optionsContainer input {
		font-size: 75%;
}

#loadOptionalContainer button, #cdnContainer button {
		font-size: 75%;
}

#allowRollupContainer button {
		font-size: 75%;
}

#cssContainer, #coreContainer, #toolContainer, #utilityContainer, #widgetContainer, #rollupContainer,
#inputEx-CoreContainer, #inputEx-UtilsContainer, #inputEx-WidgetContainer, #inputEx-LocaleContainer, #inputEx-FieldContainer
 {
		border: 2px groove #ccc;
		margin: 1em 0;
		padding: .3em;
		line-height: 1.5em;
}

.yui-button {margin:.3em;}

#configurator {background-color:#eee; padding:0 .5em; border:1px solid #666;}
#configurator button {z-index:5;}

#configurator fieldset {background-color:#dedede;}
#configurator legend {background-color:#666; color:#fff; padding:2px 10px; font-weight:bold; border:1px solid #dedede;}

#configUrl {overflow:auto; }

/*#inputEx-CoreContainer fieldset, 
#inputEx-UtilsContainer fieldset, 
#inputEx-WidgetContainer fieldset, 
#inputEx-LocaleContainer fieldset, 
#inputEx-FieldContainer fieldset {
	background-color: #CECECE;
}*/

/*override a yui.css style for the arbitrary module id for logger*/
#configurator #logger {margin-top:0;}
</style>

		
		<!--link rel="stylesheet" type="text/css" href="../../lib/yui/reset-fonts-grids/reset-fonts-grids.css" /-->
		<link rel="stylesheet" type="text/css" href="../../lib/yui/button/assets/skins/sam/button.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/yui/tabview/assets/skins/sam/tabview.css" />
		
	</head>
	<body id="yahoo-com" class=" yui-skin-sam">
		<div id="doc3" class="yui-t2">
			<div id="hd">
				<h1>inputEx-dependency-configurator</h1>
			</div>
			
			<div id="bd">
				<div id="yui-main">
					<div class="yui-b">
						
						<p>This utility helps you manage YUI &amp; inputEx dependencies. It is based on the <a href="http://developer.yahoo.com/yui/articles/hosting/">YUI dependency configurator</a> and extends it to add the inputEx modules.</p>
						
						<p><u>Note</u>: The "Combine Files" button will not work since inputEx doesn't support hosting yet...</p>
						
						<p>For production, we suggest you compress all those files using <a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>.</p>
						
						<div id="configurator">
							
							<div>
								<fieldset id="filterContainer">
									<legend>Filter</legend>
								</fieldset>
								<fieldset id="optionsContainer">
									<legend>Options</legend> <span id="loadOptionalContainer"></span><span id="allowRollupContainer"></span><span id="baseContainer">base: <input id="baseInput" type="text" name="baseInput"></span>
								</fieldset>
								<fieldset id="cdnContainer">
									<legend>CDN</legend>
								</fieldset>
							</div>
							<div id="buttonContainer">
								<div class="yui-g">
									<div class="yui-u first">
										<fieldset id="coreContainer">
											<legend>YUI JavaScript Core</legend>
										</fieldset>
										<fieldset id="utilityContainer">
											<legend>YUI JavaScript Utilities</legend>
										</fieldset>
										<fieldset id="rollupContainer">
											<legend>YUI Aggregate (Rollup) Files</legend>
										</fieldset>
									</div>
									<div class="yui-u">
										<fieldset id="cssContainer">
											<legend>YUI CSS Packages</legend>
										</fieldset>
										<fieldset id="widgetContainer">
											<legend>YUI User Interface Widgets</legend>
										</fieldset>
										<fieldset id="toolContainer">
											<legend>YUI Developer Tools</legend>
										</fieldset>
										
										<fieldset id="inputEx-CoreContainer">
											<legend>inputEx Core</legend>
										</fieldset>
									
										<fieldset id="inputEx-FieldContainer">
											<legend>inputEx Fields</legend>
										</fieldset>
										
										<fieldset id="inputEx-UtilsContainer">
											<legend>inputEx Utils</legend>
										</fieldset>
									
										<fieldset id="inputEx-MixinContainer">
											<legend>inputEx Mixin</legend>
										</fieldset>
									
										<fieldset id="inputEx-WidgetContainer">
											<legend>inputEx Widget</legend>
										</fieldset>
										
										<fieldset id="inputEx-LocaleContainer">
											<legend>inputEx Locales</legend>
										</fieldset>
										
									</div>
								</div>
								<div id="outputTabs" class="yui-navset">
									<ul class="yui-nav">
										<li class="selected">
											<a href="#direct"><em>Loading Script and CSS Directly</em></a>
										</li>
										<li>
											<a href="#dynamic"><em>Dynamic Loading with YUI Loader</em></a>
										</li>
									</ul>
									<div class="yui-content">
										<div>
											<textarea id="loaderOutput" name="loaderOutput" class="HTML:nogutter" cols="60" rows="1">
<!-- Choose the YUI and inputEx Modules you wish to load from
the options above; as you make your selections, this space
will update with the optimized dependency list using
script and link tags.-->
</textarea>
										</div>
										<div>
											<textarea id="loaderOutputDynamic" name="loaderOutput" class="HTML:nogutter" cols="60" rows="1">
<!-- Choose the YUI and inputEx Modules you wish to load from
the options above; as you make your selections, this space
will update with the HTML/JavaScript snippet you would use
to load your dependencies on demand using the YUI Loader.-->
</textarea>
										</div>
									</div>
									<p id="configUrl">
										&nbsp;
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				
<script src="../../examples/js/dpSyntaxHighlighter.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
dp.SyntaxHighlighter.HighlightAll('code'); 
</script>

<script type="text/javascript" src="../../lib/yui/utilities/utilities.js"></script>
<script type="text/javascript" src="../../lib/yui/element/element-min.js"></script>
<script type="text/javascript" src="../../lib/yui/button/button-min.js"></script>
<script type="text/javascript" src="../../lib/yui/tabview/tabview-min.js"></script>

<script type="text/javascript" src="../../js/inputex-loader.js"></script>

<script type="text/javascript" src="yuiModuleMeta.js"></script>
<script type="text/javascript" src="inputExModuleMeta.js"></script>
<script type="text/javascript" src="yuiConfigurator.js"></script>
<script type="text/javascript">
YAHOO.yui.configurator();
</script>
			</div>
		</div>
	</body>
</html>
